<template>
	<view class="ord-itm flex">
		<view class="ord-img">
			<image :src="groupData.goods_image" mode="aspectFill"></image>
		</view>
		<view class="ord-cen">
			<view class="c3 fs28 lH42 wordSpace">{{groupData.goods_name}}</view>
			<view>
				<u-tag :text="groupData.goods_spec" v-if="groupData.goods_spec" size="mini" bg-color="#f7f7f7" color="#A3A3A3"
				 border-color="#f7f7f7" shape="square" />
			</view>
		</view>
		<view class="ord-rig">
			<view class="ord-pri c3 fs24 lH42">￥<span class="fs30">{{groupData.goods_price}}</span></view>
			<view class="fs24 ord-num maincolor" v-if="refund">{{groupData.statusText}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["groupData", "refund"],
		data() {
			return {

			}
		}
	}
</script>

<style scoped>
	.ord-itm {
		justify-content: flex-start;
		align-items: flex-start;
	}

	.ord-img {
		width: 144rpx;
		height: 144rpx;
		margin-right: 20rpx;
		border-radius: 8rpx;
		overflow: hidden;
	}

	image {
		width: 144rpx;
		height: 144rpx;
	}

	.ord-cen {
		width: 336rpx;
	}

	.ord-rig {
		width: 158rpx;
	}

	.ord-pri {
		text-align: right;
	}

	.maincolor {
		color: #F7192F;
	}

	.ord-num {
		margin-top: 68rpx;
		text-align: right;
		padding-right: 10rpx;
	}
</style>
